function showSuccessMsg() {
    $('.popup_con').fadeIn('fast', function() {
        setTimeout(function(){
            $('.popup_con').fadeOut('fast',function(){}); 
        },1000) 
    });
}

function getCookie(name) {
    var r = document.cookie.match("\\b" + name + "=([^;]*)\\b");
    return r ? r[1] : undefined;
}

$(document).ready(function () {
    // TODO: 在页面加载完毕向后端查询用户的信息
    //第4天第5小节内容，这是一个GET请求，他需要3个参数
    $.get("/api/v1.0/user",function(resp){
        if (resp.errno == "0"){
            // 去将数据填充到页面上
            $("#user-avatar").attr("src",resp.data.avatar_url)
            $("#user-name").val(resp.data.name)
        }else if (resp.errno=="4101"){
            //到登录页面去
            location.href="/login.html"
        }
    })

    // 第4天第3小节内容
    // TODO: 管理上传用户头像表单的行为
    $("#form-avatar").submit(function(e){

        e.preventDefault()

        //进项上传
        $(this).ajaxSubmit({
            url:"/api/v1.0/user/avatar",
            type:"post",
            headers:{
                "X-CSRFToken":getCookie("csrf_token")
            },
            success:function(resp){
                if(resp.errno=="0"){
                    //代表上传成功
                    $("#user-avatar").attr("src",resp.data.avatar_url)
                }else if(resp.errno=="4101"){
                    //到登录页面去
                    location.href="/login.html"
                } else{
                    alert(resp.errmsg)
                }
            }
        })
    })

    // TODO: 管理用户名修改的逻辑
    $("#form-name").submit(function(e){
        e.preventDefault()

        var name=$("#user-name").val()
        if (!name){
            alert("请输入昵称")
            return
        }

        $.ajax({

            url:"/api/v1.0/user/name",

            type:"post",

            headers: {
                "X-CSRFToken":getCookie("csrf_token")
            },

            contentType:"application/json",

            data:JSON.stringify({"name":name}),

            success:function(resp){
                if (resp.errno == "0"){
                    $(".error-msg").hide()
                    showSuccessMsg()
                } else if(resp.errno=="4101"){
                    //到登录页面去
                    location.href="/login.html"
                }else{
                    $(".error-msg").show()
                }
            }
        })
    })

})

